<!--  -->
<template>
    <view
        class="mt-4 flex justify-between bg-white rounded-lg p-3 items-center"
    >
        <view class="text-lg font-bold">
            <view class="">
                <image
                    class="icon h-5 w-20"
                    :src="ziXunSvg"
                    mode="scaleToFill"
                />
            </view>
        </view>
        <view class="divide-line h-6"></view>
        <view class="w-2/3">{{ textValue }}</view>
        <uni-icons type="right"></uni-icons>
    </view>
</template>

<script setup lang="ts">
import ziXunSvg from "@/static/zixun.svg";
import { ref } from "vue";
const textValue = ref("苏州公积金利率再次下调");
</script>
<style scoped lang="scss">
/* @import url(); 引入css类 */
.icon {
    vertical-align: -0.15em;
    overflow: hidden;
}
</style>
